<template>
    <div>

    <my-header></my-header>

    <el-card class="card">
      <!-- <el-alert
        title="注意：只允许为第三级分类设置相关参数！"
        type="warning"
        show-icon
      >
      </el-alert>

            <div class="div">
        <p>选择商品分类 :</p>
        <el-cascader
          v-model="value"
          :options="options"
          :props="{
            expandTrigger: 'hover',
            label: 'cat_name',
            value: 'cat_id',
          }"
          @change="handleChange"
        ></el-cascader>
      </div> -->
    </el-card>

    </div>
</template>

<script>
import myHeader from '../../components/myHeader.vue'
    export default {
  components: { myHeader },
        data() {
            return {
                options: [],
                value:[]
            }
        },
        methods: {
            handleChange(value) {
                console.log(value,"value");
            }
        },
    }
</script>

<style scoped>
.card {
  margin-top: 20px;
}
.div {
  display: flex;
  justify-content: flex-start;
  height: 35px;
  line-height: 35px;
  margin-top: 20px;
}
.el-tabs {
  margin-top: 20px;
}
</style>